<%-- 
    Document   : adm_recetas
    Created on : 06/11/2010, 12:54:53 PM
    Author     : u201014509
--%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Mantenimiento de Recetas</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <!--[if lt IE 8]>
        <link href="style_IE.css" rel="stylesheet" type="text/css" media="all" />
        <![endif]-->
        <script type="text/javascript" src="js/jquery-1.4.1.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
        <script type="text/javascript" src="js/clock.js"></script>
        <script type="text/javascript" src="js/js.js"></script>

        <script language="JavaScript" type="text/JavaScript">
            
            function selectAllCheckbox(chkbox, f){
                for (var i=0;i < document.forms[f].elements.length;i++)
                {
                    var Element = document.forms[f].elements[i];
                    if (Element.type == "checkbox")
                        Element.checked = chkbox.checked;
                }
            }
        </script>
    </head>
    <body>
        <%@ include file="common/taglibs.jsp"%>
        <div class="container">
            <!-- HEADER -->
            <div class="header">
                <%@ include file="common/adm_header.jsp"%>
            </div>

            <!-- CONTENT -->
            <div class="content">

                <form:form commandName="receta" id="frmreceta">
                    <div class="content_res">
                        <div class="leftblock vertsortable">

                            <!-- gadget left 1 -->
                            <div class="gadget">
                                <div class="gadgetblock" style="height:15px;text-align:center;">
                                    <h1>Mantenimiento de Recetas</h1>
                                </div>
                            </div>

                            <!-- gadget left 2 -->
                            <div class="gadget">
                                <div class="titlebar">
                                    <h3>Listado de Platos</h3>
                                </div>
                                <div class="gadgetblock">
                                    <c:set var="count" value="0"/>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="gwlines arborder">
                                        <tr>
                                            <th width="28"><input name="utc1" id="utc1" type="checkbox" onclick="selectAllCheckbox(utc1,'frmreceta')"/></th>
                                            <th width="250" class="lrborder">Plato</th>
                                            <th width="40" class="rborder">Precio</th>
                                            <th width="150" class="rborder">Tipo Plato</th>
                                            <th width="50" >Acciones</th>
                                        </tr>

                                        <c:forEach var="plato" items="${platos}">
                                            <tr>
                                                <td><input name="utc2" id="utc2" type="checkbox" /></td>

                                                <td class="lrborder"><c:out value="${plato.nomplato}"/></td>
                                                <td class="rborder"><c:out value="${plato.precio}"/></td>
                                                <td class="rborder"><c:out value="${plato.tipo.nomtipo}"/></td>
                                                <td style="text-align:center"><a  style="color:blue" href="adm_registroRecetaPlato.htm?idplato=${plato.idplato}">[Ver Receta]</a></td>
                                                
                                            </tr>
                                            <c:set var="count" value="${count + 1}"/>
                                        </c:forEach>
                                    </table>


                                    <p style="display:none"><select id="dropdown" name="dropdown" class="cntresults">
                                            <option selected="selected" value="10">10 results</option>
                                            <option value="20">20 results</option>
                                            <option value="30">30 results</option>
                                            <option value="50">50 results</option>
                                            <option value="100">100 results</option>
                                        </select>
                                        <a href="#" class="pnbtn">&laquo;</a> <input id="page" name="page" class="text mini" value="1 / 5" /> <a href="#" class="pnbtn">&raquo;</a></p>

                                    <p>Registrados Encontrados : <c:out value="${count}"/>  </p>
                                </div>
                            </div>



                        </div>
                        <div class="rightblock vertsortable">

                            <!-- gadget right 1 -->
                            <div class="gadget" style="display:none">
                                <div class="titlebar vertsortable_head">
                                    <a href="#" class="hidegadget" rel="hide_block"><img src="images/spacer.gif" alt="picture" width="19" height="33" /></a>
                                    <h3>Date &amp; Time</h3>
                                </div>
                                <div class="gadgetblock">
                                    <div class="whiteblock">
                                        <p class="timeclock"><img src="images/icon_clock.gif" alt="picture" width="26" height="26" /> <span id="tm">11:57</span></p>
                                        <p class="light nobottom p_center">20th June, 2009, Friday</p>
                                    </div>
                                    <!-- Datepicker -->
                                    <h3><img src="images/icon_calendar.gif" alt="picture" width="21" height="21" class="calendar" />Calendar</h3>
                                    <div id="datepicker"></div>
                                    <div class="clr"></div>
                                    <p class="bot8px"><a href="#" class="colourbutton button_orange"><span><span>+  Add Event</span></span></a>&nbsp;<a href="#" class="colourbutton button_blue"><span><span>List Events</span></span></a></p>
                                </div>
                            </div>

                            <!-- gadget right 2 -->
                            <div class="gadget">
                                <div class="titlebar vertsortable_head">
                                    <a href="#" class="hidegadget" rel="hide_block"></a>
                                    <h3>Opciones</h3>
                                </div>
                                <div class="gadgetblock">
                                    <ul class="grayarrow withlines">
                                        <li style="display: none" class="first"><a href="#">Agregar Receta</a></li>
                                        <li><a href="#">Eliminar Seleccionado(s)</a></li>
                                        <li class="first"><a href="exportarListaRecetaReporte.htm">Exportar</a></li>
                                        <li class="last"><a href=<c:url value="/adm_recetas.htm"/>>Actualizar Lista</a></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                        <div class="clr"></div>
                    </div>
                </form:form>
            </div>

            <!-- FOOTER -->
            <div class="footer">
                <%@ include file="common/adm_footer.jsp"%>
            </div>

        </div>

    </body>
</html>